<template>
    <div>
        <div class="search-bar">
            <div class="search">
                <input v-model="search" type="text" placeholder="Montagne jeunesse" />
                <span class="icon icon-search"></span>
            </div>
        </div>

        <div class="banner">
            <img src="../img/banner.png" alt="">
        </div>

        <!-- <test-menu></test-menu> -->

        <div class="content">
            <div class="section">
                <div class="sign">
                    <span class="icon icon-types"></span>
                    <h4>今日疯抢</h4>
                </div>
                <div class="list">
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="sign">
                    <span class="icon icon-types"></span>
                    <h4>母婴专区</h4>
                </div>
                <div class="list">
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="sign">
                    <span class="icon icon-types"></span>
                    <h4>美妆护肤</h4>
                </div>
                <div class="list">
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="sign">
                    <span class="icon icon-types"></span>
                    <h4>家居生活</h4>
                </div>
                <div class="list">
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="sign">
                    <span class="icon icon-types"></span>
                    <h4>食品营养</h4>
                </div>
                <div class="list">
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="sign">
                    <span class="icon icon-types"></span>
                    <h4>全球直邮</h4>
                </div>
                <div class="list">
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="../img/product-pic1.jpg" alt="product">
                        </div>
                        <div class="price-wrap">
                            <span class="now">￥88.00</span>
                            <span class="before">￥96.00</span>
                        </div>
                        <div class="title">美国/SUPER MILD沐 浴露500ml</div>
                    </div>
                </div>
            </div>
        </div>

        

        <MenuBar></MenuBar>
    </div>
</template>

<script>
// import MenuBar from '../components/menuBar'
export default {
  name: "HomePage",
  components:{
    //  MenuBar, 
  },
  data() {
    return {
      search: ""
    };
  }
};
</script>

<style scoped lang="less">
@import "../style/home.less";
</style>